* {margin: 0;padding: 0;}
html, body {height: 100%;}
html {overflow-x: hidden;overflow-y: hidden;}
body {color: #000;background-color: #fff;height: 100%;font-size: 14px;font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
header, main, footer, section, aside, nav, article, figure {display: block;}
a, u {color: inherit;font-size: inherit;text-decoration: none;}
a:link {color: inherit;text-decoration: none;}
a:visited {color: inherit;text-decoration: none;}
a:hover {color: inherit;text-decoration: none;}
a:active {color:  inherit;text-decoration: none;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6, th {font-weight: normal;}
table {border-collapse:collapse;}
th, td {padding: 5px;}
input {border-width: 1px;}
input[type="text"]:focus, input[type="password"]:focus, select:focus {box-shadow: none;outline: none;}
input[type="button"]:focus, input[type="submit"]:focus, button:focus {outline: none;}
input[type="checkbox"]{cursor: pointer;}
iframe {border: none;}

header {width: 100%;height: 60px;}
header .container {width: 1170px;height: 60px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
header .container span {margin-right: 10px;}

main {width: 100%;height: 190px;background-color: #50D1BB;box-shadow: inset 0px 0px 10px #42A392;display: flex;justify-content: center;}
main .container {transform: translateY(20px);}
main .container>nav {text-align: center;}
main .container>nav ul li {display: inline-block;border-radius: 6px;position: relative;}
main .container>nav ul li+li {margin-left: 20px;}
main .container>nav ul li:hover {background-color: #42A392;}
main .container>nav ul li span {background-color: #999;color: #fff;border-radius: 3px;display: inline-block;position: absolute;right: 5px;top: 5px;padding: 2px;}
main .container>nav ul li a {display: inline-block;color: #fff;padding: 10px 20px;}
.nav-active {background-color: #42A392;}
main .container>nav ul li a i {display: block;font-size: 40px;margin-bottom: 5px;}
main .content {width: 1210px;background-color: #fff;border-radius: 6px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);display: flex;justify-content: space-between;margin-top: 20px;padding: 20px;box-sizing: border-box;}
main .content aside {width: 270px;}
main .content aside h3 {font-size: 17px;border-bottom: 1px solid #eee;padding: 5px 0;}
main .content aside nav ul li {border-bottom: 1px solid #eee;text-indent: 1em;}
main .content aside nav ul li:hover {background-color: #eee;}
main .content aside nav ul li:hover a {color: #005580;}
.main-nav-active {background-color: #eee;}
.main-nav-active a {color: #005580 !important;}
main .content aside nav ul li a {padding: 10px 0;display: block;color: #666;}
main .content article {width: 100%;margin-left: 20px;}
main .content article .article-title {display: flex;justify-content: space-between;border-bottom: 1px solid #eee;padding: 5px 0;}
main .content article .article-title h3 span {color: #666;font-size: 14px;}
main .content article .article-title a {color: #666;}
main .content article .article-data table {width: 100%;}
main .content article .article-data table tr {border-bottom: 1px solid #ddd;}
main .content article .article-data table tbody tr:nth-child(odd) {background-color: #f9f9f9;}
main .content article .article-data table th, main .content article .article-data table td {padding: 10px 0;text-align: center;}
main .content article .article-data table td button {padding: 5px 10px;}
main .content article .article-data table td button+button {margin-left: 5px;}
